<html>
<head>
</head>
<style type="text/css">

body {
font-size: 11px;
color: #2B587A;
}

/*.out {
color: #2B587A;
font-weight: bold;
font-size: 11px;
}

.in {
color: #8EACC6;;
font-weight: bold;
font-size: 11px;
}*/

.message {
text-align: left;
padding-bottom: 5px;
vertical-align: top;
font-size: 11px;
}

.message_unread {
background-color: #F5F9FB;
}

.message_first {
/*border-top: 1px solid #EEE;*/
border-top: 1px solid #417394;
}

.message_first .postedby, .message_first .avatar {
display: block;
}

.avatar {
background-color:#FFFFFF;
border:1px solid #DAE2E8;
margin:0 2px 5px;
padding:0px;
display: none;
}

.postedby {
font:11px;
width:100%;
display: none;
}

.date {
color: #777;
font-size: 11px;
}

.im_hist{
border-collapse: collapse;
}

.im_more{
padding:5px;
text-align:center;
}

.im_more a{
color:#2B587A;
cursor:pointer;
text-decoration:none;
}

a {
color: #2B587A;
text-decoration: none;
cursor: pointer;
}

.message_container {
display:block;
margin:0px;
padding:2px;
}

.controls {
float: right;
display: inline;
}

.control {
padding-bottom:3px;
}

</style>
<body>
<div class="im_more"><a href="getHistoryLink" onClick="">_GETHISTORYLINK_</a></div>
<table class="im_hist">
<tbody  id="messagestbody">

